<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<title>{title}</title>

<link rel="stylesheet" href="{relative_path}dist/reset.css">
<link rel="stylesheet" href="{relative_path}dist/reveal.css">
<link rel="stylesheet" href="{relative_path}dist/theme/{theme}.css" id="theme">

<!-- Theme used for syntax highlighted code -->
<link rel="stylesheet" href="{relative_path}plugin/highlight/monokai.css" id="highlight-theme">
</head>
<body>
<div class="reveal">
<div class="slides">
{sections}
</div>
</div>

<script src="{relative_path}dist/reveal.js"></script>
<script src="{relative_path}plugin/notes/notes.js"></script>
<script src="{relative_path}plugin/markdown/markdown.js"></script>
<script src="{relative_path}plugin/highlight/highlight.js"></script>
<script>
// More info about initialization & config:
// - https://revealjs.com/initialization/
// - https://revealjs.com/config/
Reveal.initialize({
hash: true,

// Learn about plugins: https://revealjs.com/plugins/
plugins: [ RevealMarkdown, RevealHighlight, RevealNotes ]
});
</script>
</body>
</html>
